section {
                width: 100%;
                max-width: 60%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                margin: 0 auto;
            }
            
            .navbar {
                width: 100%;
                height: 80px;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all 0.3s ease;
                margin: 0 auto;
                z-index: 55;
                padding: 5px;
            }
            
            .menu-content {
                width: 100%;
                max-width: 60%;
                margin: 0 auto;
                display: flex;
                position: fixed;
                justify-content: center;
                align-items: center;
                margin: 0 auto;
            }
            
            .navbar.sticky+div {
                margin-top: 109px;
            }
            /*  header main start code */
            
            .header-maincontainer {
                width: 100vw;
                height: 450px;
                display: flex;
                flex-direction: column;
                background: url(../img/ttt.png);
                background-size: cover;
                background-repeat: no-repeat;
                align-items: center;
                justify-content: center;
                margin-top: -90px;
            }
            
            .header-maincontent {
                width: 100%;
                height: 100%;
                max-width: 60%;
                display: flex;
                padding-bottom: 15px;
                margin: 0 auto;
                justify-content: space-between;
            }
            
            .header-maintext {
                width: 574px;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: flex-end;
                z-index: 1;
            }
            
            .next-back {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .header-bas {
                width: 574px;
                height: 230px;
                display: flex;
                align-items: center;
            }
            
            .next-back img {
                width: 27px;
            }
            
            .header-maintext h2 {
                font-style: normal;
                font-weight: 600;
                font-size: 65px;
                line-height: 80px;
                /* or 123% */
                display: flex;
                align-items: center;
                color: #ffffff;
            }
            
            .header-maintext a {
                color: #ffffff;
                position: relative;
                padding: 10px;
                font-family: Montserrat;
                font-style: normal;
                font-weight: 500;
                font-size: 16px;
                line-height: 20px;
            }
            
            .header-maintext a::after {
                content: "";
                border-bottom: 2px solid #00A3FF;
                position: absolute;
                top: 5px;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                transition: 1s;
            }
            
            .header-maintext a:hover {
                color: #00a3ff;
            }
            
            .header-maintext a:hover::after {
                opacity: 1;
            }
            /* 
.header-maintext i{
color: #FFFFFF;
text-align: center;
font-size: 24px;
width: 40px;




} */
            
            .header-mainimg {
                width: 40%;
                height: 90%;
                display: flex;
                align-items: flex-end;
                justify-content: flex-end;
            }
            /* header main end code */
            /* SMM START CODE */
            
            .smm-container {
                width: 100%;
                height: fit-content;
                display: flex;
                margin-top: 140px;
                position: relative;
            }
            
            .smm-content {
                width: 100%;
                height: fit-content;
                display: flex;
                border: 1px solid #711F7E;
                padding: 40px 35px;
                flex-direction: column;
            }
            
            .smm-box {
                width: 100%;
                height: fit-content;
                display: flex;
                flex-direction: column;
                margin-bottom: 55px;
            }
            
            .smm-box h2 {
                font-style: normal;
                font-weight: 700;
                font-size: 20px;
                line-height: 24px;
                color: #FFFFFF;
                margin-bottom: 20px;
            }
            
            .smm-box p {
                font-style: normal;
                font-weight: 400;
                font-size: 17px;
                line-height: 26px;
                color: #FFFFFF;
            }
            
            .sosial-box {
                width: 20%;
                height: fit-content;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            
            .sosial-box a img {
                width: 50px;
                height: 39px;
            }
            /* SMM END CODE */
            /* OFFER START CODE */
            
            .offer-container {
                width: 100%;
                display: flex;
                flex-direction: column;
                margin-top: 245px;
                position: relative;
            }
            
            .offer-container h2 {
                font-style: normal;
                font-weight: 600;
                font-size: 35px;
                line-height: 43px;
                color: #FFFFFF;
                margin-bottom: 45px;
            }
            
            .offer-content {
                width: 100%;
                display: flex;
                flex-direction: column;
            }
            
            .offer-box-container {
                width: 100%;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
            }
            
            .offer-box {
                width: 32%;
                height: 120px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                background: #181828;
                border: 2px solid #FFFFFF;
                box-sizing: border-box;
                margin-bottom: 25px;
            }
            
            .offer-box img {
                width: 38px;
                height: 59px;
                object-fit: contain;
                margin-left: 20px;
            }
            
            .offer-box p {
                width: 85%;
                font-style: normal;
                font-weight: 500;
                font-size: 17px;
                line-height: 22px;
                color: #FFFFFF;
                padding: 20px;
                margin-left: 20px;
            }
            /* form10 start code */
            
            .form10-container {
                width: 100%;
                display: flex;
                margin-top: 20px;
                max-width: 60%;
                position: relative
            }
            
            .form10content {
                width: 100%;
                display: flex;
                margin: 0 auto;
            }
            
            .form10content #form10-open {
                width: 360px;
                height: 60px;
                background: #181828;
                border: 2px solid #fbb226;
                box-sizing: border-box;
                font-family: Montserrat;
                font-style: normal;
                font-weight: 500;
                font-size: 17px;
                line-height: 18px;
                text-align: center;
                text-transform: uppercase;
                color: #ffffff;
                transition: 1s;
                cursor: pointer;
            }
            
            .form10content #form10-open:hover {
                background: #fbb226;
            }
            /* form10 end code */
            /* OFFER END CODE */
            /* project start code */
            
            .project-slider-container {
                display: none;
            }
            
            .project-container {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                margin-top: 210px;
                position: relative;
            }
            
            .project-content {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
                margin: 0 auto;
            }
            
            .project-head .project-link {
                display: flex;
                width: 290px;
                height: 60px;
                border: 2px solid #711f7e;
                box-sizing: border-box;
                align-items: center;
                justify-content: center;
                margin: 0;
                padding: 15px;
                margin-left: 50px;
                transition: all 0.5s;
            }
            
            .project-head {
                width: 100%;
                display: flex;
                margin-bottom: 61px;
            }
            
            .project-head h2 {
                font-style: normal;
                font-weight: 600;
                font-size: 35px;
                line-height: 43px;
                color: #ffffff;
            }
            
            .project-head a {
                display: flex;
                width: 220px;
                height: 60px;
                border: 2px solid #711f7e;
                box-sizing: border-box;
                align-items: center;
                justify-content: center;
                margin: 0;
                padding: 15px;
                margin-left: 50px;
                transition: all 0.5s;
            }
            
            .project-head a:hover {
                background: #fbb226;
            }
            
            .project-head a p {
                font-style: normal;
                font-weight: 500;
                font-size: 17px;
                line-height: 21px;
                text-transform: uppercase;
                color: #ffffff;
                margin: 0;
                padding: 0;
            }
            
            .project-head .project-link img {
                width: 34px;
            }
            
            .project-content p {
                width: 100%;
                margin: 20px;
                color: #ffffff;
                text-align: center;
            }
            
            .project-content a {
                width: 32%;
                display: block;
                margin-bottom: 20px;
            }
            
            .project-content a:hover {
                border: 2px solid #fbb226;
            }
            
            .project-box {
                width: 100%;
                height: 401;
                display: flex;
                box-sizing: border-box;
                align-items: center;
                flex-direction: column;
                border: 2px solid gray;
                justify-content: space-between;
                transition: all 0.8s;
            }
            
            .project-img {
                width: 100%;
                height: 291px;
            }
            
            .project-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            
            .project-text {
                width: 100%;
                height: 110px;
                background: #25253e;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                transition: all 0.6s;
                padding: 15px 10px;
            }
            
            .project-text span {
                font-style: normal;
                font-weight: 500;
                font-size: 16px;
                line-height: 27px;
                text-align: center;
                color: #ffffff;
            }
            
            .project-text p {
                font-style: normal;
                font-weight: normal;
                font-size: 14px;
                line-height: 18px;
                text-align: center;
                color: #ffffff;
            }
            
            .project-content a:hover .project-text {
                background: #fbb226;
            }
            /* project end code */
            /* SERVICE START CODE */
            
            .service-container {
                margin-top: 240px;
            }
            /* SERVICE END CODE */
            /* FORM 3 START CODE */
            
            .form3-container {
                margin-bottom: 130px;
            }
            /* FORM 3 END CODE */
            /* VECTOR START */
            /* WHY-MARKET VECTOR START */
            
            .sanal-vector {
                position: absolute;
                width: 603.49px;
                height: 123px;
                z-index: -1;
                top: -10%;
                left: -40%;
            }
            
            .why-market-vector {
                position: absolute;
                width: 214.62px;
                height: 214px;
                z-index: -1;
                top: 100%;
                right: -9%;
            }
            /* WHY- MARET VECTOR END */
            /* OFFER-VECTOR START */
            
            .offer-vector1 {
                position: absolute;
                width: 295px;
                height: 295px;
                z-index: -1;
                top: 85%;
                left: -18%;
            }
            /* OFFER VECTOR END CODE */
            /*  project vector start*/
            
            .project-vector {
                position: absolute;
                width: 196px;
                height: 196px;
                right: -11%;
                top: 14%;
                z-index: -1;
            }
            
            .offer-vector2 {
                position: absolute;
                width: 196px;
                height: 196px;
                z-index: -1;
                top: 96%;
                left: -15%;
            }
            /*  project vector end */
            /* sosial startcode */
            
            .contack-sosyal {
                display: none;
            }
            /* sosial end code */
            /* form3 start code */
            
            .form3-container {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                position: relative;
                z-index: 3;
                margin-top: 200px;
                margin-bottom: 100px;
            }
            
            .form3-content {
                width: 100%;
                display: flex;
                margin: 0 auto;
            }
            
            .form3-item {
                width: 100%;
                margin: 0 auto;
                display: flex;
                align-items: center;
                justify-content: space-around;
                padding: 36px;
                background: #711f7e;
            }
            
            .form3-item span {
                font-style: normal;
                font-weight: 600;
                font-size: 30px;
                line-height: 37px;
                display: flex;
                align-items: center;
                color: #ffffff;
            }
            
            .form3-item #form3-open {
                width: 220px;
                height: 60px;
                font-size: 14px;
                border: none;
                cursor: pointer;
                background: transparent;
                font-style: normal;
                font-weight: 500;
                font-size: 18px;
                line-height: 19px;
                color: #ffffff;
                border: 2px solid #ffffff;
            }
            
            #form3-open:hover {
                color: #ffffff;
                background: #fbb226;
            }
            /* form3 end code */
            /* VECTOR START CODE */
            /* smm vector start */
            
            .smm-vector1 {
                position: absolute;
                width: 603.49px;
                height: 123px;
                z-index: -1;
                left: -40%;
                top: -15%;
            }
            
            .smm-vector2 {
                position: absolute;
                width: 214.62px;
                height: 214px;
                z-index: -1;
                right: -10%;
                top: 110%;
            }
            /* smm evctor end */
            /* offer-vector start */
            
            .offer-vector {
                position: absolute;
                width: 295px;
                height: 295px;
                z-index: -1;
                left: -15%;
                top: 88%;
            }
            /* offer-vector end */
            /* project vector start */
            
            .project-vector1 {
                position: absolute;
                width: 196px;
                height: 196px;
                z-index: -1;
                right: -11%;
                top: 20%;
            }
            
            .project-vector2 {
                position: absolute;
                width: 196px;
                height: 196px;
                z-index: -1;
                left: -15%;
                top: 93%;
            }
            /* project vector end */
            /* form 3vector start */
            
            .form3-vector {
                position: absolute;
                width: 214.61px;
                height: 214px;
                top: 20px;
                left: 90%;
                z-index: -1;
            }
            /* form3 vector end */
            /* VECTOR END CODE */
            
            @media screen and (min-width: 2000px) {
                section {
                    max-width: 65%;
                    width: 100%;
                }
                /*  header main start code */
                .header-maincontent {
                    width: 100%;
                    height: 100%;
                    max-width: 65%;
                    display: flex;
                    padding-bottom: 15px;
                    margin: 0 auto;
                    justify-content: space-between;
                }
                .next-back img {
                    width: 35px;
                }
                .header-maintext h2 {
                    font-style: normal;
                    font-weight: 600;
                    font-size: 75px;
                    line-height: 80px;
                    /* or 123% */
                    display: flex;
                    align-items: center;
                    color: #ffffff;
                }
                .header-maintext a {
                    color: #ffffff;
                    position: relative;
                    padding: 20px;
                    font-family: Montserrat;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 18px;
                    line-height: 22px;
                }
                /* header main end code */
                /* smm start code */
                .smm-box h2 {
                    font-style: normal;
                    font-weight: 700;
                    font-size: 25px;
                    line-height: 30px;
                    color: #FFFFFF;
                    margin-bottom: 20px;
                }
                .smm-box p {
                    font-style: normal;
                    font-weight: 400;
                    font-size: 22px;
                    line-height: 30px;
                    color: #FFFFFF;
                }
                /* smm end code */
                /* OFFER START CODE */
                .offer-box {
                    width: 32%;
                    height: 140px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    background: #181828;
                    border: 2px solid #FFFFFF;
                    box-sizing: border-box;
                    margin-bottom: 25px;
                }
                .offer-box p {
                    width: 85%;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 21px;
                    line-height: 22px;
                    color: #FFFFFF;
                }
                /* OFFER END CODE */
                /* project start code */
                .project-container {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    margin-top: 215px;
                    position: relative;
                }
                .project-head h2 {
                    font-style: normal;
                    font-weight: 600;
                    font-size: 45px;
                    line-height: 53px;
                    color: #ffffff;
                }
                .project-box {
                    width: 100%;
                    height: 600px;
                    display: flex;
                    box-sizing: border-box;
                    align-items: center;
                    flex-direction: column;
                    border: 2px solid gray;
                    justify-content: space-between;
                    transition: all 0.8s;
                }
                .project-img {
                    width: 100%;
                    height: 470px;
                }
                .project-img img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                .project-text {
                    width: 100%;
                    height: 130px;
                    background: #25253e;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    transition: all 0.6s;
                    padding: 15px 10px;
                }
                .project-text span {
                    font-style: normal;
                    font-weight: 600;
                    font-size: 26px;
                    line-height: 32px;
                    text-align: center;
                    color: #ffffff;
                }
                .project-text p {
                    font-style: normal;
                    font-weight: normal;
                    font-size: 18px;
                    line-height: 20px;
                    text-align: center;
                    color: #ffffff;
                }
                /* project end */
                .form3-container {
                    margin-bottom: 80px;
                }
                /* VECTOR START CODE */
                /* smm vector start */
                .smm-vector1 {
                    position: absolute;
                    width: 603.49px;
                    height: 123px;
                    z-index: -1;
                    left: -33%;
                    top: -15%;
                }
                .smm-vector2 {
                    position: absolute;
                    width: 214.62px;
                    height: 214px;
                    z-index: -1;
                    right: -10%;
                    top: 110%;
                }
                /* smm evctor end */
                /* offer-vector start */
                .offer-vector {
                    position: absolute;
                    width: 295px;
                    height: 295px;
                    z-index: -1;
                    left: -12%;
                    top: 88%;
                }
                /* offer-vector end */
                /* project vector start */
                .project-vector1 {
                    position: absolute;
                    width: 196px;
                    height: 196px;
                    z-index: -1;
                    right: -9%;
                    top: 20%;
                }
                .project-vector2 {
                    position: absolute;
                    width: 196px;
                    height: 196px;
                    z-index: -1;
                    left: -12%;
                    top: 95%;
                }
                /* project vector end */
                /* form 3vector start */
                .form3-vector {
                    position: absolute;
                    width: 214.61px;
                    height: 214px;
                    top: 22px;
                    left: 93%;
                    z-index: -1;
                }
                /* form3 vector end */
                /* VECTOR END CODE */
            }
            
            @media screen and (max-width: 1720px) {
                section {
                    width: 100%;
                    max-width: 65%;
                }
                .menu-content {
                    width: 100%;
                    max-width: 65%;
                    margin: 0 auto;
                    display: flex;
                    position: fixed;
                    justify-content: center;
                    align-items: center;
                    margin: 0 auto;
                }
                .header-maincontent {
                    max-width: 65%;
                }
                .landing-screenitem2 {
                    width: 100%;
                    height: 700px;
                    position: relative;
                    text-align: center;
                    position: relative;
                }
                .landing-screenitem2 img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }
                .recipe-content {
                    max-width: 65%;
                }
                /* project start code */
                .project-container {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    margin-top: 200px;
                    position: relative;
                }
                /* tag menu start */
                .tagcontainer {
                    width: 100%;
                }
                .tagcontent {
                    width: 100%;
                    max-width: 100%;
                }
                .tagcontent a {
                    width: 10.5%;
                    height: 23px;
                }
                /* vector start  */
                /* vector end */
                /* VECTOR START CODE */
                /* form 3vector start */
                .form3-vector {
                    position: absolute;
                    width: 180x;
                    height: 180px;
                    top: 20px;
                    left: 90%;
                }
                /* form3 vector end */
                /* VECTOR END CODE */
            }
            
            @media screen and (max-width: 1500px) {
                section {
                    width: 100%;
                    max-width: 75%;
                    display: flex;
                    flex-direction: column;
                    margin: 0 auto;
                    align-items: center;
                    justify-content: center;
                }
                .menu-content {
                    width: 100%;
                    max-width: 75%;
                    margin: 0 auto;
                    display: flex;
                    position: fixed;
                    justify-content: center;
                    align-items: center;
                    margin: 0 auto;
                }
                .header-maincontent {
                    max-width: 75%;
                }
                .landing-screenitem2 {
                    width: 100%;
                    height: 700px;
                    position: relative;
                    text-align: center;
                    position: relative;
                }
                .landing-screenitem2 img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }
                .recipe-content {
                    width: 100%;
                    max-width: 75%;
                }
                .project-container {
                    margin-top: 160px;
                }
                .form3-container {
                    margin: 160px auto 50px auto;
                    z-index: 2;
                }
                .form3-content {
                    width: 100%;
                }
                .form3-item {
                    width: 100%;
                    height: 130px;
                    padding: 0;
                }
                .form3-item span {
                    font-family: Montserrat;
                    font-style: normal;
                    font-weight: 600;
                    font-size: 26px;
                    line-height: 32px;
                    display: flex;
                    align-items: center;
                    color: #ffffff;
                }
                .form3-item #form3-open {
                    width: 206px;
                    height: 55px;
                    border: 2px solid #ffffff;
                    box-sizing: border-box;
                    font-family: Montserrat;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 15px;
                    line-height: 16px;
                    display: flex;
                    align-items: center;
                    text-align: center;
                    text-transform: uppercase;
                    color: #ffffff;
                    z-index: 2;
                }
                /* form3 end code */
                /* VECTOR START CODE */
                /* smm vector start */
                .smm-vector1 {
                    position: absolute;
                    width: 400px;
                    height: 90px;
                    z-index: -1;
                    left: -28%;
                    top: -13%;
                }
                .smm-vector2 {
                    position: absolute;
                    width: 160px;
                    height: 160px;
                    z-index: -1;
                    right: -10%;
                    top: 125%;
                }
                /* smm evctor end */
                /* offer-vector start */
                .offer-vector {
                    position: absolute;
                    width: 200px;
                    height: 200px;
                    z-index: -1;
                    left: -11%;
                    top: 94%;
                }
                /* offer-vector end */
                /* project vector start */
                .project-vector1 {
                    position: absolute;
                    width: 150px;
                    height: 150px;
                    z-index: -1;
                    right: -9%;
                    top: 20%;
                }
                .project-vector2 {
                    position: absolute;
                    width: 150px;
                    height: 150px;
                    z-index: -1;
                    left: -12%;
                    top: 95%;
                }
                /* project vector end */
                /* form 3vector start */
                .form3-vector {
                    position: absolute;
                    width: 160px;
                    height: 160px;
                    top: 40px;
                    left: 93%;
                    z-index: -1;
                }
                /* form3 vector end */
                /* VECTOR END CODE */
            }
            
            @media screen and (max-width: 1350px) {
                section {
                    max-width: 80%;
                }
                .menu-content {
                    width: 100%;
                    max-width: 80%;
                    margin: 0 auto;
                    display: flex;
                    position: fixed;
                    justify-content: center;
                    align-items: center;
                    margin: 0 auto;
                }
                .header-maincontent {
                    max-width: 80%;
                }
                .recipe-list3box li {
                    width: 32%;
                    margin: 0 auto;
                    color: #ffffff;
                    align-items: flex-start;
                    list-style-type: disc;
                    padding: 10px;
                    font-style: normal;
                    font-weight: normal;
                    font-size: 14px;
                    line-height: 16px;
                    color: #ffffff;
                }
            }
            
            @media screen and (max-width: 1275px) {
                section {
                    max-width: 80%;
                }
                .recipe-content {
                    max-width: 80%;
                }
                .header-maincontent {
                    max-width: 80%;
                }
                .header-maintext h2 {
                    font-style: normal;
                    font-weight: 600;
                    font-size: 55px;
                    line-height: 80px;
                    /* or 123% */
                    display: flex;
                    align-items: center;
                    color: #ffffff;
                }
                .project-container {
                    margin-top: 140px;
                }
                .project-head h2 {
                    font-style: normal;
                    font-weight: 600;
                    font-size: 30px;
                    line-height: 43px;
                    color: #ffffff;
                }
                .project-text span {
                    font-style: normal;
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 27px;
                    text-align: center;
                    color: #ffffff;
                }
                .project-text p {
                    font-style: normal;
                    font-weight: normal;
                    font-size: 15px;
                    line-height: 18px;
                    text-align: center;
                    color: #ffffff;
                }
                .offer-box {
                    width: 48%;
                    height: 120px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    background: #181828;
                    border: 2px solid #FFFFFF;
                    box-sizing: border-box;
                    margin-bottom: 30px;
                }
                /* form3 start code */
                .form3-container {
                    width: 100%;
                    height: 100px;
                    align-items: center;
                    justify-content: flex-start;
                    position: relative;
                    z-index: 3;
                    margin-top: 200px;
                    margin-bottom: 100px;
                }
                .form3-content {
                    width: 100%;
                    display: flex;
                    margin: 0 auto;
                }
                .form3-item {
                    width: 100%;
                    height: 100%;
                    margin: 0 auto;
                    display: flex;
                    align-items: center;
                    justify-content: space-around;
                    padding: 0px;
                    background: #711f7e;
                }
                .form3-item span {
                    font-style: normal;
                    font-weight: 600;
                    font-size: 22px;
                    line-height: 37px;
                    display: flex;
                    align-items: center;
                    color: #ffffff;
                }
                .form3-item #form3-open {
                    width: 170px;
                    height: 45px;
                    border: none;
                    cursor: pointer;
                    background: transparent;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 19px;
                    color: #ffffff;
                    border: 2px solid #ffffff;
                }
                .tagcontent a {
                    width: 16%;
                }
                /* form3 end code */
                /* vector start  */
                /* form 3vector start */
                .form3-vector {
                    position: absolute;
                    width: 150x;
                    height: 150px;
                    top: 20px;
                    left: 90%;
                }
                /* form3 vector end */
                /* VECTOR END CODE */
            }
            
            @media screen and (max-width: 1050px) {
                .navbar {
                    display: none;
                }
                .contacktel {
                    display: none;
                }
                .main-vector {
                    display: none;
                }
                .navbar.sticky {
                    display: none;
                }
                .sosial {
                    display: none;
                }
                /* sosidal startcode */
                .contack-sosyal {
                    display: flex;
                }
                .page-up {
                    display: none;
                }
                section {
                    max-width: 85%;
                }
                .header-maincontent {
                    max-width: 85%;
                }
                .sosial-box {
                    width: 25%;
                }
                .offer-container {
                    margin-top: 150px;
                }
                .project-text span {
                    font-style: normal;
                    font-weight: 600;
                    font-size: 15px;
                    line-height: 20px;
                    text-align: center;
                    color: #ffffff;
                    margin: 0;
                }
                .project-text p {
                    font-style: normal;
                    font-weight: normal;
                    font-size: 13px;
                    line-height: 18px;
                    text-align: center;
                    color: #ffffff;
                }
                .project-box {
                    width: 100%;
                    height: 370px;
                    display: flex;
                    box-sizing: border-box;
                    align-items: center;
                    flex-direction: column;
                    border: 2px solid gray;
                    justify-content: space-between;
                    transition: all 0.8s;
                }
                .project-img {
                    width: 100%;
                    height: 260px;
                }
                .project-text {
                    width: 100%;
                    height: 110px;
                    background: #25253e;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    transition: all 0.6s;
                    padding: 15px 10px;
                }
                .project-content a {
                    width: 48%;
                    display: block;
                }
                .form3-container {
                    margin-top: 100px;
                    margin-bottom: 0;
                }
                /* VECTOR START CODE */
                /* smm vector start */
                .smm-vector1 {
                    display: none;
                }
                .smm-vector2 {
                    display: none;
                }
                /* smm evctor end */
                /* offer-vector start */
                .offer-vector {
                    display: none;
                }
                /* offer-vector end */
                /* project vector start */
                .project-vector1 {
                    display: none;
                }
                .project-vector2 {
                    display: none;
                }
                /* project vector end */
                /* form 3vector start */
                .form3-vector {
                    display: none;
                }
                /* form3 vector end */
                /* VECTOR END CODE */
            }
            
            @media screen and (max-width: 870px) {
                .sosial {
                    display: none;
                }
                .header-maincontainer {
                    width: 100vw;
                    height: 300px;
                    margin-top: 0px;
                }
                .header-maincontent {
                    width: 100%;
                    height: 100%;
                    max-width: 85%;
                    display: flex;
                    padding-bottom: 15px;
                    margin: 0 auto;
                    justify-content: space-around;
                }
                .header-maintext {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    justify-content: flex-end;
                    z-index: 1;
                }
                .header-bas {
                    width: 100%;
                    height: 50%;
                    display: flex;
                    align-items: center;
                }
                .header-maintext h2 {
                    font-style: normal;
                    font-weight: 600;
                    font-size: 30px;
                    line-height: 60px;
                    /* or 123% */
                    display: flex;
                    align-items: center;
                    color: #ffffff;
                }
                .header-maintext a {
                    color: #ffffff;
                    position: relative;
                    padding: 10px;
                    font-family: Montserrat;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 12px;
                    line-height: 20px;
                }
                .next-back img {
                    width: 20px;
                }
                .header-mainimg img {
                    width: 50px;
                    height: 50x;
                }
                .project-container {
                    margin-top: 140px;
                }
                .project-content {
                    width: 100%;
                    height: fit-content;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    margin: 0 auto;
                }
                .project-content a {
                    width: 49%;
                    display: block;
                    margin-bottom: 25px;
                    box-sizing: border-box;
                }
                .project-box {
                    width: 100%;
                    height: 400px;
                    display: flex;
                    box-sizing: border-box;
                    align-items: center;
                    flex-direction: column;
                    border: 2px solid gray;
                    justify-content: space-between;
                    transition: all 0.8s;
                }
                .project-img {
                    width: 100%;
                    height: 280px;
                }
                .project-img img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                .project-text {
                    width: 100%;
                    height: 120px;
                    background: #25253e;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    transition: all 0.6s;
                    padding: 15px 10px;
                }
                .project-text span {
                    font-style: normal;
                    font-weight: 500;
                    font-size: 15px;
                    line-height: 18px;
                    text-align: center;
                    color: #FFFFFF;
                }
                .project-text p {
                    font-style: normal;
                    font-weight: normal;
                    font-size: 13px;
                    line-height: 15px;
                    text-align: center;
                    color: #ffffff;
                }
                .project-head .project-link {
                    display: flex;
                    flex-wrap: nowrap;
                    height: 60px;
                    border: 2px solid #711f7e;
                    box-sizing: border-box;
                    align-items: center;
                    justify-content: center;
                    margin: 0;
                    padding: 15px;
                    margin-left: 50px;
                    transition: all 0.5s;
                }
                .project-head a p {
                    font-style: normal;
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 21px;
                    text-transform: uppercase;
                    color: #ffffff;
                    margin: 0;
                    padding: 0;
                }
                .project-head .project-link img {
                    width: 35px;
                }
                /* form3 start code */
                .form3-container {
                    width: 100%;
                    height: 100px;
                    align-items: center;
                    justify-content: flex-start;
                    position: relative;
                    z-index: 3;
                    margin-top: 80px;
                    margin-bottom: 50px;
                }
                .form3-content {
                    width: 100%;
                    display: flex;
                    margin: 0 auto;
                }
                .form3-item {
                    width: 100%;
                    height: 100%;
                    margin: 0 auto;
                    display: flex;
                    align-items: center;
                    justify-content: space-around;
                    padding: 0px;
                    background: #711f7e;
                }
                .form3-item span {
                    font-style: normal;
                    font-weight: 600;
                    font-size: 18px;
                    line-height: 29px;
                    display: flex;
                    align-items: center;
                    color: #ffffff;
                }
                .form3-item #form3-open {
                    width: 170px;
                    height: 45px;
                    border: none;
                    cursor: pointer;
                    background: transparent;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 12px;
                    line-height: 19px;
                    color: #ffffff;
                    border: 2px solid #ffffff;
                }
                /* form3 end code */
                .tagcontent a {
                    width: 16%;
                    font-size: 9px;
                }
            }
            
            @media screen and (max-width:720px) {
                .header-maincontainer {
                    width: 100vw;
                    height: 250px;
                    margin-top: 0px;
                }
                .next-back {
                    display: none;
                }
                .header-mainimg {
                    display: none;
                }
                #allscreen-photo {
                    display: none;
                }
                #mobil-photo {
                    display: flex;
                }
                .sosial-box {
                    width: 100%;
                    justify-content: center;
                    align-items: center;
                }
                .sosial-box a {
                    margin: 15px;
                }
                .form3-container {
                    display: none;
                }
                .offer-box {
                    width: 100%;
                    height: 120px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    background: #181828;
                    border: 2px solid #FFFFFF;
                    box-sizing: border-box;
                    margin-bottom: 20px;
                }
                /*  project start code */
                .project-container {
                    display: none;
                }
                .project-slider-container {
                    width: 100%;
                    height: fit-content;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    margin: 0 auto;
                    margin-top: 100px;
                }
                .project-slider-container h2 {
                    font-style: normal;
                    font-weight: 600;
                    font-size: 25px;
                    line-height: 43px;
                    color: #ffffff;
                    margin-right: 0px;
                    margin-bottom: 30px;
                }
                .project-slider-container .project-container {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    margin-top: 0px;
                    position: relative;
                }
                .project-content {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    box-sizing: border-box;
                    margin: 0 auto;
                }
                .project-content p {
                    width: 100%;
                    margin: 20px;
                    color: #ffffff;
                    text-align: center;
                }
                .project-content a {
                    width: 100%;
                    display: block;
                    flex-wrap: wrap;
                    align-items: center;
                    justify-content: space-between;
                    margin-bottom: 25px;
                }
                .project-content a:hover {
                    border: 2px solid #fbb226;
                }
                .project-box {
                    width: 100%;
                    height: fit-content;
                    display: flex;
                    box-sizing: border-box;
                    align-items: center;
                    flex-direction: column;
                    border: 2px solid gray;
                    justify-content: space-between;
                    transition: all 0.8s;
                }
                .project-img {
                    width: 100%;
                    height: 260px;
                }
                .project-img img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                .project-text {
                    width: 100%;
                    height: fit-content;
                    background: #25253e;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    transition: all 0.6s;
                    padding: 20px 10px;
                }
                .project-text span {
                    font-style: normal;
                    font-weight: 400;
                    font-size: 15px;
                    line-height: 18px;
                    text-align: center;
                    color: #FFFFFF;
                }
                .project-text p {
                    font-style: normal;
                    font-weight: normal;
                    font-size: 13px;
                    line-height: 15px;
                    text-align: center;
                    color: #ffffff;
                }
                .project-content a:hover .project-text {
                    background: #fbb226;
                }
                .project-slider {
                    width: 100%;
                    display: flex;
                    position: relative;
                    margin: 0 auto;
                    align-items: center;
                    justify-content: center;
                }
                .project-slider .owl-nav {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .project-slider button {
                    width: 20%;
                    height: 55px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin: 20px;
                }
                .project-head {
                    width: 100%;
                    display: flex;
                    align-items: center;
                }
                .project-head .project-link {
                    width: 230px;
                    height: 45px;
                    display: flex;
                    justify-content: space-around;
                    margin-bottom: 40px;
                }
                .project-head .project-link p {
                    font-size: 13px;
                }
                /*  project end code */
            }
            
            @media screen and (max-width:575px) {
                .header-maincontainer {
                    width: 100vw;
                    height: 200px;
                    margin-top: 0px;
                }
                .landing-screencontainer {
                    margin-top: 50px;
                }
                .header-maintext h2 {
                    font-style: normal;
                    font-weight: 600;
                    font-size: 25px;
                    line-height: 60px;
                    /* or 123% */
                    display: flex;
                    align-items: center;
                    color: #ffffff;
                }
                /* smm start code */
                .smm-container {
                    margin-top: 100px;
                }
                .smm-content {
                    padding: 20px 10px;
                }
                .smm-box {
                    margin-bottom: 20px;
                }
                .smm-box h2 {
                    font-style: normal;
                    font-weight: 500;
                    font-size: 15px;
                    line-height: 18px;
                    color: #FFFFFF;
                    margin-bottom: 10px;
                }
                .smm-box p {
                    font-style: normal;
                    font-weight: 400;
                    font-size: 12px;
                    line-height: 18px;
                    color: #FFFFFF;
                }
                .sosial-box {
                    width: 100%;
                    justify-content: center;
                    align-items: center;
                }
                .sosial-box a {
                    margin: 15px;
                }
                /* smm end code */
                /* OFFER START CODE */
                .offer-box {
                    width: 100%;
                    height: 100px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    background: #181828;
                    border: 2px solid #FFFFFF;
                    box-sizing: border-box;
                    margin-bottom: 25px;
                }
                .form10-container {
                    width: 100%;
                    display: flex;
                    margin-top: 20px;
                    max-width: 100%;
                    position: relative
                }
                .form10content {
                    width: 100%;
                    display: flex;
                    margin: 0 auto;
                    align-items: center;
                    justify-content: center;
                }
                .form10content #form10-open {
                    width: 60%;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 13px;
                    line-height: 14x;
                    text-align: center;
                    text-transform: uppercase;
                    color: #FFFFFF;
                }
                /* OFFER END CODE */
                /*  project start code */
                .project-container {
                    display: none;
                }
                .project-slider-container {
                    width: 100%;
                    height: fit-content;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    margin: 0 auto;
                    margin-top: 60px;
                }
                .project-slider-container h2 {
                    font-style: normal;
                    font-weight: 500;
                    font-size: 20px;
                    line-height: 24px;
                    color: #FFFFFF;
                    margin-right: 0px;
                    margin-bottom: 30px;
                }
                .project-slider-container .project-container {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    margin-top: 0px;
                    position: relative;
                }
                .project-content {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    box-sizing: border-box;
                    margin: 0 auto;
                }
                .project-box {
                    width: 100%;
                    height: 339px;
                    display: flex;
                    box-sizing: border-box;
                    align-items: center;
                    flex-direction: column;
                    border: 2px solid gray;
                    justify-content: space-between;
                    transition: all 0.8s;
                }
                .project-img {
                    width: 100%;
                    height: 235px;
                }
                .project-img img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                .project-text {
                    width: 100%;
                    height: 104px;
                    background: #25253e;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    transition: all 0.6s;
                    padding: 10px 5px;
                }
                .project-text span {
                    font-style: normal;
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 24px;
                    text-align: center;
                    color: #FFFFFF;
                }
                .project-text p {
                    font-style: normal;
                    font-weight: normal;
                    font-size: 15px;
                    line-height: 18px;
                    text-align: center;
                    color: #ffffff;
                }
                .project-content a:hover .project-text {
                    background: #fbb226;
                }
                .project-slider {
                    width: 100%;
                    display: flex;
                    position: relative;
                    margin: 0 auto;
                    align-items: center;
                    justify-content: center;
                }
                .project-slider .owl-nav {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .project-slider button {
                    width: 20%;
                    height: 55px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin: 20px;
                }
                /*  project end code */
                /* SOSIAL START CODE */
                .contack-sosyal {
                    width: 75%;
                    height: 100px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    margin-top: 50px;
                }
                .wk-box {
                    width: 60px;
                    height: 60px;
                    border: 2px solid #711f7e;
                    box-sizing: border-box;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 100%;
                    transition: .5s all ease;
                    margin-right: 0px;
                    transition: .5s all ease;
                    animation-name: ani1;
                    animation-duration: .5s;
                    animation-iteration-count: infinite;
                    animation-direction: alternate;
                    transform-style: preserve-3d;
                }
                .wk-box a img {
                    width: 30px;
                    height: 30px;
                }
                .wk-box:hover {
                    transform: scale(1.4);
                }
                .odnoclass-box {
                    width: 60px;
                    height: 60px;
                    border: 2px solid #711f7e;
                    box-sizing: border-box;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 100%;
                    transition: .5s all ease;
                    margin-right: 0px;
                    transition: .5s all ease;
                    animation-name: ani2;
                    animation-duration: .5s;
                    animation-iteration-count: infinite;
                    animation-direction: alternate;
                    transform-style: preserve-3d;
                }
                .odnoclass-box a img {
                    width: 30px;
                    height: 30px;
                }
                .odnoclass-box:hover {
                    transform: scale(1.4);
                }
                .telegram-box {
                    width: 60px;
                    height: 60px;
                    border: 2px solid #711f7e;
                    box-sizing: border-box;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 100%;
                    transition: .5s all ease;
                    animation-name: ani3;
                    animation-duration: .5s;
                    animation-iteration-count: infinite;
                    animation-direction: alternate;
                    transform-style: preserve-3d;
                }
                .telegram-box a img {
                    width: 30px;
                    height: 30px;
                }
                .telegram-box:hover {
                    transform: scale(1.4);
                }
                @keyframes ani1 {
                    from {
                        border: 2px solid red;
                    }
                    to {
                        border: 2px solid yellow;
                    }
                }
                @keyframes ani2 {
                    from {
                        border: 2px solid yellow;
                    }
                    to {
                        border: 2px solid red;
                    }
                }
                @keyframes ani3 {
                    from {
                        border: 2px solid green;
                    }
                    to {
                        border: 2px solid #711f7e;
                    }
                }
                /* SOSIAL end CODE */
            }
            
            @media screen and (max-width:490px) {
                .project-slider-container .project-head {
                    justify-content: space-between;
                }
                .project-slider-container .project-head h2 {
                    font-style: normal;
                    font-weight: 600;
                    font-size: 20px;
                    line-height: 30px;
                    color: #ffffff;
                }
                .project-slider-container .project-head .project-link {
                    display: flex;
                    width: 40%;
                    height: 40px;
                    border: 2px solid #711f7e;
                    box-sizing: border-box;
                    align-items: center;
                    justify-content: space-around;
                    margin-left: 0px;
                    transition: all 0.5s;
                    margin-right: 20px;
                }
                .project-slider-container .project-head .project-link p {
                    font-size: 10px;
                }
            }